
// const btnRegister = document.querySelector('#btn-register')
// const form = document.querySelector('.register-form')
// btnRegister.addEventListener('click', async function () {
//   // console.log(111)
//   const form = document.querySelector('.register-form')
//   // 获取用户输入内容
//   const data = serialize(form, { hash: true, empty: true })
//   // console.log(data)
//   const { username, password } = data
//   // 判断 是否合法
//   if (username.length < 8 || username.length > 30) {
//     showToast('用户名是8-30位')
//     return
//   }
//   if (password.length < 6 || password.length > 30) {
//     showToast('密码是6-30位')
//     return
//   }

//   try {
//     // 发送请求
//     const {
//       data: { message }
//     } = await axios.post('/register', data)
//     // console.log(res)
//     // 提示
//     showToast(message)
//   } catch (err) {
//     console.dir(err)
//     showToast(err.response.data.message)
//   }
// })

// 注册业务
 const btnRegister = document.querySelector('#btn-register')
 const form = document.querySelector('.register-form')
 btnRegister.addEventListener('click', async function () {
  //获取用户名和密码
  const data = serialize(form, { hash: true, empty: true })
  const {username, password} = data
  // 验证用户名  不合法 提示用户 
  if(username.length < 8 || username.length > 30){
    return showToast('用户名是8-30位')
  }
  // 验证密码  不合法 提示用户 
  if(password.length < 6 || password.length > 30){
    return showToast('密码是8-30位')
  }

  //提交用户名和密码到服务端
  const {message}= await axios.post('/register',data)
  //提示
  showToast(message)

 })
